<template>
  <p>
    用户名：
    <input type="text" v-model="username">
    {{ username }}
    <hr>
    小猫的名字：
    <input type="text" v-model="cat.name">
    {{ cat.name }}
  </p>
  <hr>
  性别选择：
  <input type="radio" value="1" v-model="sex">男
  <input type="radio" value="2" v-model="sex">女
  {{ sex }}
</template>

<script setup>
import { reactive, ref } from 'vue';

const username = ref("admin");
const cat = reactive({
  name:"加菲猫"
})
const sex = ref(1);
</script>

<style lang="scss" scoped>

</style>